<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <label>表单</label>
        <form action="#">
            文本框：<input name="username" type="text" value="abc"/><br/>
            <label for="textfield">文本框：</label><input id="textfield" type="text"/><br/>
            密码框：<input name="password" type="password" value="123"/><br/>
            文本域：<textarea name="ta" rows="10" cols="20">abc</textarea><br/>
            单选按钮：<input type="radio" name="sex" value="1"/>男
                    <input type="radio" name="sex" value="0" checked="checked"/>女<br/>
            下拉列表：<select name="s">
                        <option>---请选择---</option>
                        <option value="1">aaa</option>
                        <option value="2" selected="selected">bbb</option>
                        <option value="3">ccc</option>
                    </select>

                    <select>
                        <optgroup label="aaaa">
                            <option value="1">aaa</option>
                            <option value="2">bbb</option>
                            <option value="3">ccc</option>
                        </optgroup>
                        <optgroup label="bbbb">
                            <option value="4">ddd</option>
                            <option value="5">eee</option>
                        </optgroup>
                    </select><br/>
            复选框：<input type="checkbox" name="hobbies" value="1"/>吃
                   <input type="checkbox" name="hobbies" value="2" checked="checked"/>玩
                   <input type="checkbox" name="hobbies" value="3"/>睡<br/>
            <!-- 隐藏表单 -->
            <input type="hidden" name="id" value="111"/>
            文件：<input type="file" name="file"/><br/>
            <input type="submit" value="提交"/>
            <input type="reset" value="重置">
            <input type="button" value="按钮" onclick="alert('Hello');"/>
        </form>
    </body>
</html>